<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>about</title>
    <link rel="stylesheet" href="../static/aboutus/about.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- 网页内容 -->
<div class="maxbig">
    <div id="main_div"
         tabindex="0">
        <canvas></canvas>

        <div class="zuti" id="myDiv1">
        </div>
        <div class="citi" style="cursor: pointer;" onclick="filp1(2)">
            <div class="team-name">
                <div class="n1">
                    <div class="nn1">
                        <div class="nnn1">
                            <img src="../static/aboutus/images/hx.jpg">
                        </div>
                        <div class="nnn2"><p>张海啸  项目经理</p></div>
                    </div>
                    <div class="nn2">
                        <p>TA具有极高的责任心，凭借丰富的规划和管理经验，在工作中始终保持着卓越的执行力和组
                            织能力。无论是面对挑战还是处理复杂的任务，TA总能稳定自如地应对，并通过
                            明确的目标和有效的资源分配，带领团队取得卓越的成果。
                        </p>
                    </div>
                </div>
                <div class="n1">
                    <div class="nn1">
                        <div class="nnn1">
                            <img src="../static/aboutus/images/xy.jpg">
                        </div>
                        <div class="nnn2">
                            <p>徐圆  技术经理</p>
                        </div>
                    </div>
                    <div class="nn2">
                        <p>TA不仅拥有卓越的
                            技术能力，还具备教导他人的热情和主动性。不管遇到何种难题，TA都
                            保持着耐心和细致的态度，始终愿意花时间解答问题，并提供帮
                            助与支持，确保团队整体水平的提升和个人能力的成长。
                        </p>
                    </div>
                </div>
                <div class="n1">
                    <div class="nn1">
                        <div class="nnn1">
                            <img src="../static/aboutus/images/cx.jpg">
                        </div>
                        <div class="nnn2">
                            <p>陈鑫  产品经理</p>
                        </div>
                    </div>
                    <div class="nn2">
                        <p> A性格活泼开朗，天性善于与人交流，具备出色的社交能力。他能够轻松地与
                            不同背景和层次 的人建立联系，并以友善和热情的态度与他们互动。
                            此外，他对产品非常熟悉，了解产品的特点和优势，并能够巧妙地传达给他人。
                        </p>
                    </div>
                </div>

                <div class="n1">
                    <div class="nn1">
                        <div class="nnn1">
                            <img src="../static/aboutus/images/yf.jpg">
                        </div>
                        <div class="nnn2">
                            <p>刘叶飞  测试人员</p>
                        </div>
                    </div>
                    <div class="nn2">
                        <p>TA不断主动地探索和学习新知识，努力填补自己的知识缺口。与此同
                            时，他与团队成员之间建立了默契的配合关系，共同协作解决问题。
                            通过相互支持和合作，他们能够互补彼此的技能，共同完成任务，取得优秀的成果。
                        </p>
                    </div>
                </div>
                <div class="n1">
                    <div class="nn1">
                        <div class="nnn1">
                            <img src="../static/aboutus/images/dz.jpg">
                        </div>
                        <div class="nnn2">
                            <p>代政  前端人员</p>
                        </div>
                    </div>
                    <div class="nn2">
                        <p>
                            TA非常积极地参与小组讨论，并且对项目工程表现出极
                            高的关注度。他的建议往往能够为项目带来新的视角和创意
                            为团队制定出更加全面和优化的方案，推动项目的顺利进行和取得成功。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


</body>

<script src="../static/aboutus/about.js"></script>
<script>

    var myText = "团队名称：不摸鱼 团队\t\n\n宣言：专注，奋斗。\t\n\n创造Logo寓意说明：通过搞笑、活泼的形象和相关的文案来传达“专注工作”、“拒绝浪费时间”、“保持高效率”的工作 态度。它可以在工作场合或与同事、朋友之间分享以幽默的方式 传达你对专注工作的态度，同时也能增加交流的趣味性。生活爱好博客项目是一个在线平台，旨在为用户提供一个分享和交流各种生活爱好的空间。该项目鼓励用户创建个人博客，并在博客中分享他们的生活爱好、经验和技巧。\n\n回车键继续...";
    var myDiv = document.getElementById("myDiv1");
    var delay = 25; // 文字出现的延迟时间（单位：毫秒）
    var index = 0; // 当前待显示的字符索引
    var div = document.getElementById("main_div");

    function filp1(n) {
        if(n === 1) {
            div.style.transform = "rotateY(180deg)";
            myDiv.style.color = "rgb(0,0,0,0)";
        }
        else{
            div.style.transform = "rotateY(0)";
            myDiv.style.color = "black";
        }
    }



    function showText() {
        if (index < myText.length) {
            myDiv.innerText += myText.charAt(index);
            index++;
            setTimeout(showText, delay);
        } else {
            div.addEventListener("keyup",
                (event) => {
                    if (event.keyCode === 13) {
                        filp1(1);
                    }
                }
            )
        }
    }

    // 调用 showText() 函数开始文字逐个出现的效果
    setTimeout(showText, delay);
</script>
</html>